<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="图片上传" width="1000px" class="dialogStyleBase" :visible.sync="boxVisible" :before-close="editBoxCancel">
    <div class="wrap">
        <div class="main" v-loading="loading">
            
            <el-alert :title="'单张图片不超过'+maxSizeText+'，支持'+accept+'格式。'" type="warning" :closable="false" style="margin-bottom:20px;"></el-alert>
            <el-form ref="editForm" :model="form" label-width="100px" label-position="left">
                <el-form-item label="上传方式">
                    <el-radio-group v-model="type">
                        <el-radio :label="1">本地上传</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="所在分组">
                    <el-select v-model="albumId" placeholder="请选择">
                        <el-option v-for="item in groupList" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="本地图片">
                    <div class="ul">
                        <div class="add">
                            <div class="d">
                                <i class="el-icon-upload"></i>
                                <div class="t">选择上传文件</div>
                            </div>
                            <input type="file" ref="clearFile" @change="getFile($event)" multiple="multiplt"
                                :accept="accept">
                        </div>
                        <div v-for="(item,index) in fileList" class="li">
                            <!-- <div>状态：{{item.isLoad}}</div> -->
                            <img class="img" v-if="item.type=='image'" :src="item.url" />
                            <video class="video" v-if="item.type=='video'" :src="item.url" autoplay loop muted></video>
<!-- 
                            <div>名称：{{item.name}}</div>
                            <div>状态：{{item.isLoad}}</div>
                            <div>大小{{item.size}}kb</div>
                            <div>宽度{{item.width}}</div>
                            <div>高度{{item.height}}</div> -->
                            <div class="del" @click="delRes(index)"><i class="el-icon-delete-solid"></i></div>
                        </div>

                    </div>
                </el-form-item>


            </el-form>

        </div>

        <div slot="footer" class="footer">
            <el-button :disabled="loading" @click="editBoxCancel()">取 消</el-button>
            <el-button :disabled="loading || fileList.length<=0"  type="primary" @click="submit()">批量上传</el-button>
        </div>
    </div>
</el-dialog>